html, body, div,
table, tbody, td, tr, th,
h3, h5,
input, select, option, fieldset, legend,
a, span,
ul, li {
	margin: 0;
	padding: 0;
}


ul {
	list-style-type: none;
}

a {
	color: #000;
}

a:hover {
	text-decoration: none;
}

html {
	font-size: 100%; /* w za�o�eniu 16px*/
}

body {
	padding: 15px;
	font-family: Arial, sans-serif;
	font-size: 0.75em; /*12px = 0.75*16px (=html)*/
	color: #000;
}

input, select {
	font-family: Arial, sans-serif;
}

hr {
	display: none;
}


h5 {
	margin-bottom: 10px;
	padding: 0.25em 9px;
	font-size: 1.25em; /*16px = 1.25*12px(=body)*/
	font-weight: normal;
	color: #4b3006;
	background: url('img/h5_tlo.jpg') left top repeat-x;
	background-color: #d2c7b6;
	border-top: #8e7c60 solid 1px;
	border-bottom: #8e7c60 solid 1px;
	border-right: #d4c8b6 solid 1px;
	border-left: #d4c8b6 solid 1px;
}

h3 {
	padding: 0.39em 9px;
	margin-bottom: 15px;
	margin-top: 15px;
	font-size: 1.083em; /*13px = 1.083*12px(=div)*/
	font-weight: normal;
	color: #59432e;
	background: url('img/h3_tlo.jpg') left top repeat-x;
	background-color: #d2c7b6;
	border-top: #aa9a80 solid 1px;
	border-bottom: #aa9a80 solid 1px;
	border-right: #d4c8b6 solid 1px;
	border-left: #d4c8b6 solid 1px;
}



ul.obsluga_tabelki {
	padding-left: 2px;
	font-size: 1em;
	color: #4b3006;
}

ul.obsluga_tabelki li {
	display: inline;
	margin-right: 2px;
	border-right: #ab8f71 solid 1px;
}

ul.obsluga_tabelki li a {
	padding-right: 4px;
	padding-left: 4px;
	color: #4b3006;
}

ul.obsluga_tabelki li a:hover {
	background-color: #e8ded4;
}

ul.obsluga_tabelki li span {
	padding-right: 4px;
	padding-left: 4px;
}

	
	
table {
	font-size: 1em; /*12px = 1*12px(=body)*/
}

	input {
		margin-bottom: 2px;
		padding: 1px 0;
		background: #fcf9f8 url('img/input_text_tlo.jpg') left top repeat-x;
		border: #e5d9c6 solid 1px;
		border-top: #baaa91 solid 1px;
	}

	input.kato_button {
		overflow: visible;
		padding: 0 0.3em;
		margin: 0 2px 2px 0;
		width: 0;
		width: auto;
		font-size: 1.083em; /*13px = 1.083*12px(=div#main)*/
		color: #38270d;
		background: url('img/input_button_tlo.jpg') left center repeat-x;
		background-color: #f1ece4;
		border: #baaa91 solid 1px;
		border-top: #f3efe9 solid 1px;
	}
	
	input.kato_button:active {
		color: #664e28;
		background: url('img/input_button-hover_tlo.jpg') left center repeat-x;
		background-color: #beb6a9;
		border: #e5d9c6 solid 1px;
		border-top: #baaa91 solid 1px;
	}
	
	input.text {
		width: 100%;
	}
	
	/*input.kato_button:active {
		background-color: orange;
	}*/
	

	div.switchboard {
		padding: 0.46em 10px;
		margin-bottom: 20px;
		font-size: 1.083em; /*13px = 1.083*12px(=div#main)*/
		font-weight: bold;
		background: url('img/switchboard_tlo.jpg') left top repeat-x;
		background-color: #371607;
	}
	
	div.switchboard a {
		padding: 0 10px;
		font-size: 1em; /* 13px = 1*13px(=div.switchboard)*/
		text-decoration: none;
		color: #d3c9b9;
	}
	
	*:first-child+html div.switchboard a {
		display: block;
		float: left;
		margin: 0 2px -0.461em 0; 
	}
	
	*:first-child+html div.switchboard {
		height: 1%;
	}
	
	div.switchboard a:hover {
		padding: 0 9px 0.46em 9px;
		color: #371607;
		background: url('img/a-hover_tlo.jpg') left top repeat-x;	
		background-color: #b3a9a0;
		border-top: #d0d0d0 solid 1px;
		border-left: #d0d0d0 solid 1px;
		border-right: #d0d0d0 solid 1px;
	}
	
	div.switchboard a.selected {
		padding: 0 9px 0.46em 9px;
		color: #371607;
		background: url('img/a_selected_tlo.jpg') left top repeat-x;
		background-color: #fff;
		border-left: #aaa solid 1px;
		border-top: #aaa solid 1px;
		border-right: #eee solid 1px;
	}
	
	div.switchboard a.selected:hover {
		background: none;
		background-color: #fff;
	}
	
	

	table.kato {
		margin: 5px 0 5px 0;
		border-spacing: 0;
		border-bottom: #503427 solid 1px;
		border-right: #e0e0e0 solid 1px;
	}
	
	table.kato_table tr td {
		/*
		white-space: nowrap;
		overflow: hidden;
		*/
	}
	
	table.kato_table {
		width: 100%;
		table-layout: fixed;
	}
	
	table.kato_table tr {
		background: url('img/tr_tlo.jpg') left top repeat-x;
		background-color: #ede8da;
	}
	
		
	table.kato_table tr th {
		overflow: hidden;
		padding: 0.53em 0 0.53em 5px;
		font-size: 1.083em; /*13px = 1.083*12px(=table)*/
		text-align: left;
		color: #ede8da;
		background: url('img/th_tlo.jpg') left top repeat-x;
		background-color: #503427;
		border-left: #916c59 solid 1px;
	}
	
	table.kato_table tr td {
		padding: 0.4em 5px;
		vertical-align: middle;
		color: #382419;
		border-left: #f9f7f3 solid 1px;
	}
	
	table.kato_table tr:hover td {
		background-color: #e0d7c3;
	}
	
	table.kato_table a {
		/*padding: 0 3px;
		background-color: #d6c9ba;
		border-top: #b7a899 solid 1px;
		border-bottom: #b7a899 solid 1px;
		border-left: #c5b6a7 solid 1px;
		border-right: #c5b6a7 solid 1px;*/
	}
	
	table.kato_table input {
		font-size: 1em; /*12px = 1*12px(=table)*/
		color: #382419;
		background-color: #fbfaf9;
		border: 0;
	}
	
	table.kato_table tr:hover input {
		background-color: #f0ebe6;
	}
	
	table.kato_table select {
		background: url('img/select_tlo.jpg') left top repeat-y;
		background-color: #bfafa0;
		border: 0;
	}
	
	table.kato_table select option {
		background-color: #f0f0f0;
	}
	
	table.kato_table img.orderby_arrow {
		padding-left: 5px;
	}
	
	
	
	
	table.kato_detail {
		color: #ede8da;
		background: url('img/kato_detail_tlo.jpg') left top repeat-x;
		background-color: #493220;
		border-top: #503427 solid 1px;
		border-left: #c3a288 solid 1px;
		border-right: #c3a288 solid 1px;
	}
	
	table.kato_detail tr th {
		padding: 5px 9px 5px 5px;
		text-align: left;
		border-bottom: #836d5b solid 1px;
	}
	
	table.kato_detail tr td {
		padding: 5px 10px 5px 5px;
		border-bottom: #836d5b solid 1px;
	}
	
	
	
	
	
	
	
	fieldset {
		margin-bottom: 20px;
		padding: 5px 15px 10px 15px;
		/*background: url('img/fieldset_tlo.jpg') 0 0 repeat-x;
		background-color: #b9ac9b;*/
		border-top: #c8bfb3 solid 1px;
		border-bottom: #c8bfb3 solid 1px;
		border-left: #ddd3c6 solid 1px;
		border-right: #ddd3c6 solid 1px;
	}

	/**:first-child+html fieldset {
		background-position: 0 15px;
		background-color: #fff;
	}
	
	* html fieldset {
		background-position: 0 15px;
		background-color: #fff;
	}*/
	
	legend {
		padding: 2px 10px;
		margin-bottom: 5px;
		font-size: 1.083em; /*13px = 1.083*12px(=body)*/
		font-weight: bold;
		color: #5a3b2d;
		/*background: url('img/th_tlo.jpg') left top repeat-x;*/
		background-color: #f7f3f0;
		border: #c8bfb3 solid 1px;
	}

	div.kato_spreadsheet {
		background: url('img/x-office-spreadsheet.png') left top no-repeat;
		width: 16px;
		height: 16px;
	}
	div.kato_spreadsheet span {
		display: none;
	}
	div.kato_spreadsheet a {
		display: block;
		width: 16px;
		height: 16px;
	}
	div.kato_html {
		background: url('img/text-html.png') left top no-repeat;
		width: 16px;
		height: 16px;
	}
	div.kato_html span {
		display: none;
	}
	div.kato_html a {
		display: block;
		width: 16px;
		height: 16px;
	}
	div.kato_csv {
		background: url('img/text-x-generic.png') left top no-repeat;
		width: 16px;
		height: 16px;
	}
	div.kato_csv span {
		display: none;
	}
	div.kato_csv a {
		display: block;
		width: 16px;
		height: 16px;
	}

        div.kato_xls {
		background: url('img/xls.jpg') left top no-repeat;
		width: 20px;
		height: 18px;
	}
	div.kato_xls span {
		display: none;
	}
	div.kato_xls a {
		display: block;
		width: 20px;
		height: 18px;
	}


/* STARY STYL

	body {
		padding: 3em;
	}

	table td {
		vertical-align: top;
		padding: 4px;
	}

	div, span, td {
		font-family: 'Helvetica', sans-serif;
		font-size: 14px;
	}

	ul {
		padding: 0 0 0 1.5em;
		margin: 0;
	}

	ul.kato li {
		list-style-type: none;
	}

	li {
		padding: 0;
		margin: 0;
	}
	/*
	div {
		overflow: auto;
	}
	*/ /*
	h3, div.heading {
		font-family: "Trebuchet MS", helvetica, sans-serif;
		font-weight: normal;
		font-size: 15px;
		padding: 0.5em 0 0 0;
		margin: 0.5em 0 0 0;
		color: #aaa;
	}

	table.kato {
		width: 100%;
		font-size: 12px;
		table-layout: fixed;
		border-collapse: collapse;
	}

	table.kato tr th {
		text-align: left;
		background-color: #a9bda5;
		border: 1px solid #ddd;
		padding: 2px 2px 2px 2px;
		overflow: hidden;
		white-space: nowrap;
	}

	table.kato tr span {
		margin:0;
		padding:0;
	}

	table.kato tr td {
		overflow: hidden;
		border: 1px solid #ddd;
		padding: 2px 2px 2px 2px;
		overflow: hidden;
		white-space: nowrap;
	}

	table.kato tr td input.text {
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		border: none;
		background-color: #EEE;
		
	}

	table.kato_detail tr td {
		white-space: normal;
	}

	table tr td {
		vertical-align: top
	}

	table.kato tr th.month_name {
		background-color: red;
	}

	li.error_message {
		color: red;
		list-style-type: none;
	}

	div.description {
	    text-align: center;
	    margin-top: 1em;
	    margin-bottom: 0.5em;
	    font-size: medium;
	    background-color: #eec;
	    border: 1px solid #c93;
	}


	input.kato_button {
	    background-color: #fffbae;
	    margin: 1px;
	    border: 1px solid;
	    font-size: 95%;
	    border-top-color: #f0eca4;
	    border-left-color:  #f0eca4;
	    border-right-color: rgb(153, 153, 153);
	    border-bottom-color: rgb(153, 153, 153);
	}

	img.orderby_arrow {
	    margin-left: 2px;
	    margin-right: 2px;
	}

	.kato_pivot_row {
		background-color: blue;
		color: white;
		font-weight: bold;
		letter-spacing: .3em;
	}


	a.selected {
		background-color: orange;
	}

	#guziki {
		margin-top: 4em;
	}

	.switchboard a {
		margin-right: 1em;
	}

KONIEC STAREGO STYLU */
